$(function() {
    //1.获取用户个人信息
    function getUserInfo() {
        //1.1调用接口文档
        $.ajax({
            url: '/my/userinfo',
            method: 'GET',
            //配置请求头
            // headers: {
            //     Authorization: localStorage.getItem('token') || ''
            // },
            success: function(res) {
                //1.2判断请求是否失败
                if (res.status != 0) {
                    return layer.msg(res.message)
                }

                //1.3 渲染用户头像
                renderAvatar(res.data)
            },

            //   //ajax 请求完成(不论失败或成功)的回调函数
            //   complete: function (res) {
            //     // console.log(res)
            //       //res.responseJSON 是服务器响应的真实数据
            //     var res = res.responseJSON

            //     //判断是否认证失败
            //     if (res.status == 1 && res.message == '身份认证失败！') {
            //       //清除本地存储的token
            //       localStorage.removeItem('token')

            //       //跳转页面
            //       location.href = '/login.html'
            //     }
            //   },
        })
    }
    //2.渲染用户头像的函数
    function renderAvatar(user) {
        //2.1获取用户的名字
        var uname = user.nickname || user.username

        //2.2 渲染欢迎内容
        $('#welcome').html(`欢迎  ${uname}`)

        //2.3 按需渲染用户头像
        if (user.user_pic) {
            //渲染图片头像
            $('.layui-nav-img').prop('src', user.user_pic).show()
            $('.text-avatar').hide()
        } else {
            //渲染文字头像
            var first = uname[0].toUpperCase() //获取用户名的大写的首字母
            $('text-avatar').html(first).show()
            $('.layui-nav-img').hide()
        }
    }

    getUserInfo()
    window.getUserInfo = getUserInfo

    //3.实现退出功能
    $('#logout').on('click', function() {
        //弹出询问框
        layer.confirm(
            '是否确认退出?', { icon: 3, title: '提示' },
            function(index) {
                //do something

                //点击确认的回调函数
                //清除本地存储的token
                localStorage.removeItem('token')

                //跳转页面
                location.href = '/login.html'

                layer.close(index)
            }
        )
    })

    function highLjghtList() {
        $('#art-list').addClass('layui-this').siblings()
    }
})